/* 
    Document   : default
    Created on : 10-03-2011, 11:06:45
    Author     : bilde
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*root {
    display: block;
}*/

/* Styles the body with a gray color and sets the font to Arial*/
body {
	background: #b6b6b6;
	margin: 0;
	padding: 0;
	font-family: arial;
    
}

/* sets the width, height, padding  for the wrapper that wraps all of the content for the site*/
#wrapper
{
    width:960px;
    margin:10px auto;
    padding:10px;
    padding-left: 10px;
    background-color:#f1f1f1;
    border:2px solid black;
    height:1950px;
}

#leftbar
{
    float:left;
    width:135px;
    height:1620px;
    width: 200px;
    border:3px solid #ccc;
}


/* styles the main frame. Sets the left-margin, width and height */
#main
{
    float: none;
    margin-left: 205px;
    width:740px;
    height:1620px;
    border:3px solid #ccc;
    

}

/* sets the font size in the navigation header to 17px and the bottom margin to 100px to make som air
* between the navigation line and the body
*/
#header
{
    font-size:15px;
    margin-bottom:40px;
    font-family: arial black;
/*    border:2px solid black;*/
    width: 950px;
    background-color: #778899;
}


/* styles the footer with font-size and padding at the top*/
#footer
{
    clear:both;
    padding-top:20px;
    font-size:9px;
    
}



/* Login styling */
#login_form {
	width: 300px;
	background: #f0f0f0 url(../images/login_bg.jpg) repeat-x 0 0;
	border: 1px solid white;
	margin: auto;
	padding: 1em;
	-moz-border-radius: 3px;
}




h1,h2,h3,h4,h5 {
	margin-top: 0;
	font-family: arial black;
	text-align: center;
}

input[type=text], input[type=password] {
	display: block;
	margin: 0 0 1em 0;
	width: 280px;
	border: 5px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	padding: 1em;
}

/* styles the buttons with a blue color, sets the font size and puts on shadow - white line */
input[type=submit], form a {
	border: none;
	margin-right: 1em;
	padding: 6px;
	text-decoration: none;
	font-size: 12px;
	-moz-border-radius: 4px;
	background: #4169E1;
	color: white;
	box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
	-webkit-box-shadow: 0 1px 0 white;

}

/* styles the button on mouse hover */
input[type=submit]:hover, form a:hover {
	background: #1E90FF;
	cursor: pointer;
}


/* styles validation error messages */

.error {
	color: #393939;
	font-size: 15px;
}

/* styles the fieldset mostly used on the create user forms */
fieldset {
	width: 300px;
	margin: auto;
	margin-bottom: 2em;
	display: block;
        border: 2px solid white;
}


/* puts a litte white shadow on the h1 to make it easier to read  */
h1 {
	text-shadow: 0 1px 0 white;
}


/* Test for at se om autocomplete virker  autocomplete does not work at the moment*/
div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
}
/* same as above */
div.autocomplete ul {
	list-style:none!important;
	list-style-image:none!important;
	margin:0px;
	padding:0px;
}

/* same as above */
div.autocomplete ul li.selected {
	background-color: #B9DAF0;
}

/* same as above */
div.autocomplete ul li {
	font-size: small;
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
}

/* styles the buttons for the search results for a friend */
#last_name ul {
	margin: 0;
	padding: 0;
	list-style:none!important;
	list-style-image: none!important;
}
/* same as above */
#last_name ul li {
	margin-bottom: 10px;
}

/* styles the search for friend box on the home page */
#friend_search_form {
	background: #778899;
	border: 1px solid #EAEAEA;
	padding: 0;
}

/* styles the search for friend results with padding at the bottom so it looks nice */
#searchResultField li {
    list-style-type:none;
    margin:0 0 0.25em 0;
}

/* sets the color for links and visited links to blue with white text and no decoration */
#searchResultField a, #searchResultField a:visited {
    display:block;
    width:400px;
    border:1px solid #4169E1;
    font-family:arial, verdana, sans-serif;
    font-size:0.8em;
    text-align:left;
    text-decoration:none;
    background:#4169E1;
    color:#eee;
    padding:0.50em;
    margin-left: 2em;
  }
/* sets the color for link that the mouse is hovering to a lighter blue */
#searchResultField a:hover {
  background:#1E90FF;
  color:#eee;
  }


/* table stuff */

table.grid {
	border-top:3px solid #ccc;
	border-bottom:3px solid #ccc;      
	padding:5px;
}

table.grid tr{
	border-bottom:1px solid #ccc;       
}

table.messages, table.messages tr, table.messages td{
	border:1px solid #ccc;
	padding:10px;
}

table.messages th{
	border:1px solid #ccc;
	font-size:12px;
	font-weight:800;        
}

